<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <!-- 浏览器标签图片 -->
    <link rel="shortcut icon" href="./topjui/image/favicon.ico"/>
    <!-- EasyUI样式 -->
    <link type="text/css" rel="stylesheet" id="easyuiTheme" href="./topjui/themes/default/easyui.css">
    <!-- TopJUI样式 -->
    <link type="text/css" rel="stylesheet" href="./topjui/css/topjui.all.min.css">
    <!-- jQuery核心 -->
    <script type="text/javascript" src="./topjui/plugins/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="./topjui/plugins/jquery/jquery.cookie.js"></script>
    <!-- EasyUI核心 -->
    <script type="text/javascript" src="./topjui/plugins/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="./topjui/plugins/easyui/easyui-lang-zh_CN.js"></script>
    <!-- TopJUI配置 -->
    <script type="text/javascript" src="./topjui/js/topjui.config.js"></script>
    <!-- TopJUI框架 -->
    <script type="text/javascript" src="./topjui/js/topjui.all.js"></script>
    <!-- 首页js -->
    <script type="text/javascript" src="./topjui/js/topjui.index.js" charset="utf-8"></script>
    <title>TopJUI前端框架 - 静态演示</title>
</head>

<body>
<div id="loading"
     style="position: fixed;top: -50%;left: -50%;width: 200%;height: 200%;background: #fff;z-index: 100;overflow: hidden;">
    <img src="./topjui/image/ajax-loader.gif"
         style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;"/>
</div>

<div id="mm" class="easyui-menu submenubutton" style="width: 140px;">
    <div id="mm-tabclose" name="6" iconCls="icon-reload">刷新</div>
    <div class="menu-sep"></div>
    <div id="Div1" name="1" iconCls="icon-no">关闭</div>
    <div id="mm-tabcloseother" name="3">关闭其他</div>
    <div id="mm-tabcloseall" name="2">关闭全部</div>
    <div class="menu-sep"></div>
    <div id="mm-tabcloseright" name="4">关闭右侧标签</div>
    <div id="mm-tabcloseleft" name="5">关闭左侧标签</div>
</div>

<div id="index_layout">
    <div id="header" data-options="region:'north',split:false,collapsible:true,border:false" style="height:50px;">
        <span class="header_system"></span>
    		<span style="float: right; padding-right: 10px;">
                <a href="javascript:void(0)" class="easyui-menubutton"
                   data-options="iconCls:'icon-user',hasDownArrow:false"
                   style="color:#fff;">欢迎 TopJUI前端框架（topjui）</a>|
				<a href="javascript:void(0)" id="mb3" class="easyui-menubutton"
                   data-options="menu:'#mm3',iconCls:'icon-cog'" style="color:#fff;">设置</a>
    			<div id="mm3" class="submenubutton" style="width:74px;">
                    <div data-options="iconCls:'icon-6'" onclick="editUserPwd()">资料修改</div>
                    <div class="menu-sep"></div>
                    <div data-options="iconCls:'icon-key'" onclick="editUserPwd()">修改密码</div>
                </div>
                <a href="javascript:void(0)" id="mb2" class="easyui-menubutton"
                   data-options="menu:'#mm2',iconCls:'icon-color_wheel'" style="color:#fff;">主题</a>|
    			<div id="mm2" class="submenubutton" style="width:180px;">
                    <div onclick="changeTheme('default')">默认风格</div>
                    <div onclick="changeTheme('black')">黑色风格</div>
                    <div onclick="changeTheme('bootstrap')">Bootstrap风格</div>
                    <div onclick="changeTheme('gray')">灰色风格</div>
                    <div onclick="changeTheme('metro')">Win8风格</div>
                    <div onclick="changeTheme('metro-blue')">Win8-蓝</div>
                    <div onclick="changeTheme('metro-gray')">Win8-灰</div>
                    <div onclick="changeTheme('metro-green')">Win8-绿</div>
                    <div onclick="changeTheme('metro-orange')">Win8-橙</div>
                    <div onclick="changeTheme('metro-red')">Win8-红</div>
                    <div onclick="changeTheme('ui-cupertino')">ui-cupertino</div>
                    <div onclick="changeTheme('ui-dark-hive')">ui-dark-hive</div>
                    <div onclick="changeTheme('ui-pepper-grinder')">ui-pepper-grinder</div>
                    <div onclick="changeTheme('ui-sunny')">ui-sunny</div>
                </div>
    			<a href="javascript:void(0)" onclick="logout()" class="easyui-menubutton"
                   data-options="iconCls:'icon-door_out',hasDownArrow:false" style="color:#fff;">退出</a>
    		</span>
        <style>
            #topMenu {
                position: absolute;
                left: 360px;
            }

            #topMenu ul {
                padding: 0;
            }

            #topMenu li {
                list-style: none;
                float: left;
                /*border-top: solid 1px #F7B824;*/
                /*background-color: #f2f2f2;*/
                border-radius: 5px;
                margin-right: 5px;
                height: 50px;
                padding: 0 5px;
            }

            #topMenu li:hover {
                background-color: #f2f2f2;
            }

            #topMenu a {
                font-size: 12px;
                font-weight: bold;
                color: #0E2D5F;
                height: 50px;
                line-height: 50px;
                display: block;
            }

            #topMenu a:hover {
                text-decoration: none;
            }

            .topmenu-icon {
                position: absolute;
                width: 16px;
                height: 16px;
                left: auto;
                top: 50%;
                margin-top: -8px;
                margin-right: 5px;
            }

            .topmenu-with-icon {
                padding-left: 20px;
            }
        </style>
        <div id="topMenu">
            <ul>
                <li>
                    <a data-menuid="1325" class="systemName" href="javascript:void(0)">
                        <span class="topmenu-icon icon-piechart"></span>
                        <span class="tabs-title topmenu-with-icon">静态演示</span>
                    </a>
                </li>
                <li>
                    <a data-menuid="60" class="systemName" href="javascript:void(0)">
                        <span class="topmenu-icon icon-book"></span>
                        <span class="tabs-title topmenu-with-icon">开发文档</span>
                    </a>
                </li>
                <li>
                    <a data-menuid="" class="systemName" href="javascript:void(0)">
                        <span class="topmenu-icon icon-user"></span>
                        <span class="tabs-title topmenu-with-icon">人力资源</span>
                    </a>
                </li>
                <li>
                    <a data-menuid="" class="systemName" href="javascript:void(0)">
                        <span class="topmenu-icon icon-database_table"></span>
                        <span class="tabs-title topmenu-with-icon">财务管理</span>
                    </a>
                </li>
                <li>
                    <a data-menuid="" class="systemName" href="javascript:void(0)">
                        <span class="topmenu-icon icon-calendar"></span>
                        <span class="tabs-title topmenu-with-icon">业务系统</span>
                    </a>
                </li>
                <li>
                    <a data-menuid="" class="systemName" href="javascript:void(0)">
                        <span class="topmenu-icon icon-cog"></span>
                        <span class="tabs-title topmenu-with-icon">系统设置</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <div data-options="region:'west',split:true,width:212" title="轻松工作，快乐办公！" iconCls="icon-color"
         style="overflow:hidden;" align="left">

        <div id="menuTab" class="easyui-tabs" data-options="fit:true,border:false">
            <div title="导航菜单" data-options="iconCls:'icon-sitemap'" style="padding:0;">
                <div id="RightAccordion" class="easyui-accordion"></div>
            </div>
            <div title="常用链接" data-options="iconCls:'icon-star',closable:true">
                <ul id="channgyongLink"></ul>
            </div>
        </div>

    </div>
    <div data-options="region:'center',border:true">
        <div id="index_tabs" style="width:100%;height:100%">

        </div>
    </div>
    <div data-options="region:'south',border:true"
         style="text-align:center;height:30px;line-height:30px;border-bottom:0;overflow:hidden;">
        <input type="hidden" id="userNameId" name="userNameId" value="${userNameId}"/>
        <span style="float:left;padding-left:5px;width:30%;text-align: left;">当前用户：TopJUI前端框架</span>
        <span style="padding-right:5px;width:40%">版权所有 © 2013-2016 <a href="http://www.ewsd.cn" target="_blank">易网时代（深圳）信息技术有限公司</a></span>
        <span style="float:right;padding-right:5px;width:30%;text-align: right;">企业正式版 V2.3(20161205)</span>
    </div>
</div>

<!--[if lte IE 8]>
<div id="ie6-warning">
    <p>您正在使用低版本浏览器，在本页面可能会导致部分功能无法使用，建议您升级到
        <a href="http://www.microsoft.com/china/windows/internet-explorer/" target="_blank">IE9或以上版本的浏览器</a>
        或使用<a href="http://se.360.cn/" target="_blank">360安全浏览器</a>的极速模式浏览
    </p>
</div>
<![endif]-->

<form id="modifyPassword"></form>

</body>
</html>